<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- 可选的Bootstrap主题文件（一般不使用） -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<style type="text/css">
#header {
	width: 100%;
	height: 50px;
	position: fixed;
	right: 50px;
	top: 20px;
}

#footer {
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 10px;
	
}
</style>

<title>Welcome</title>

<script>
function register(){
	var th = document.register_form;
	if(th.user_name.value==""){
		alert("昵称不能为空");
		th.user_name.focus();
		return;
	}
	if(th.user_realname.value==""){
		alert("真实姓名不能为空");
		th.user_realname.focus();
		return;
	}
	if(th.user_password.value==""){
		alert("密码不能为空");
		th.user_password.focus();
		return;
	}
	if(th.user_password.value != th.user_repass.value){
		alert("两次密码不一致");
		th.user_repass.focus();
		return;
	}
	th.action="/cats_dogs/register"
	th.submit();
}
</script>
</head>
<body background="./images/login.jpg">
 	<br>
   <div id="header">
		<a href="/cats_dogs/about_us.jsp" style="float: right">关于我们</a>
	</div>
	<br>
   <p align="center" style="font-size: 40px; color: black;">
		<strong>猫狗之家</strong>
</p>
<br>
<br>
<div class="container-fluid" >
	<div class="row-fluid">
		<div class="span12">
		<!-- background_color -->
		<div style="text-align:center;background:#FCFCFC;border-collapse:separate; border-spacing:0px 15px;border: 2px solid #8AC007;border-radius:30px;margin-left:30%;margin-right:30%;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6" >
		

		
			<form class="form-horizontal" name="register_form" >
				<div>
				<br>
				 <p align="center" style="font-size: 20px; color: black;">
					<strong>用户注册</strong>
				</p>
				</div>
				<div class="control-group">
					 <label class="control-label" for="user_name">昵      称：</label>
					<div class="controls">
						<input name="user_name" type="text" />
					</div>
				</div>
				<div class="control-group">
					 <label class="control-label" for="user_realname">真实姓名：</label>
					<div class="controls">
						<input name="user_realname" type="text" />
					</div>
				</div>
				<div class="control-group">
					 <label class="control-label" for="user_password">密      码：</label>
					<div class="controls">
						<input name="user_password" type="password" />
					</div>
				</div>
				<div class="control-group">
					 <label class="control-label" for="user_repass">重复密码:</label>
					<div class="controls">
						<input name="user_repass" type="password" />
					</div>
				</div>
				<div class="control-group">
					 <label class="control-label" for="user_phone">手 机 号:</label>
					<div class="controls">
						<input name="user_phone" type="text" />
					</div>
				</div>
				<div class="control-group">
					<div class="controls">
						 </br>
						 <button type="submit" class="btn btn-primary " onclick="register()">注册</button>
					</div>
				</div>
				
				<div  style="display:none">
					<button type="submit"  onclick="login()">注册</button>
				</div>
				<br>
			</form>
			<div>
			${msg}
			</div>
			</div>
			</div> 
		</div>
	</div>
<div id="footer">
		<p align="center" ;style="font-size: 1px;">
			@2017 红领巾 <a href="http://iss.whu.edu.cn/">武汉大学国际软件学院</a><br>
			@一切解释权归范盼阳小队所有
		</p>
	</div>
</body>
</html>